export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M863.2 315.8c-0.2-1.4-0.4-2.6-0.8-4-1.5-5.5-3.9-10.6-7.8-14.5l-128-128c-6-6-14.1-9.4-22.6-9.4L320 159.9c-8.5 0-16.6 3.4-22.6 9.4l-128 128c-3.9 3.9-6.3 9-7.8 14.5-0.4 1.4-0.6 2.6-0.8 4-0.2 1.4-0.8 2.7-0.8 4.2l0 451.8c0 50.8 41.4 92.2 92.2 92.2l519.5 0c50.9 0 92.2-41.4 92.2-92.2L863.9 320C864 318.5 863.4 317.3 863.2 315.8zM333.2 224l357.5 0 64 64L269.2 288 333.2 224zM800 771.8c0 15.6-12.7 28.2-28.2 28.2L252.2 800c-15.6 0-28.2-12.7-28.2-28.2L224 352l576 0L800 771.8z"></path>
                <path d="M489.4 726.6c6.2 6.2 14.4 9.4 22.6 9.4s16.4-3.1 22.6-9.4l76.8-76.8c12.5-12.5 12.5-32.8 0-45.2s-32.8-12.5-45.2 0L544 626.8 544 448c0-17.7-14.3-32-32-32-17.7 0-32 14.3-32 32l0 178.8-22.2-22.2c-12.5-12.5-32.8-12.5-45.2 0s-12.5 32.8 0 45.2L489.4 726.6z"></path>
            </svg>
        </span>
    )
}